﻿<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Accessories.aspx.cs" Inherits="Accessories" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">

    <style type="text/css">
    </style>
    <link href="../Styles/screen.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript">
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:SqlDataSource ID="sdsDB"
    ConnectionString="<%$ connectionStrings: AccessConnectionDB %>" 
    ProviderName="<%$ connectionStrings:AccessConnectionDB.ProviderName %>"
    SelectCommand="SELECT * FROM Product WHERE CAT_NAME='Earrings' OR CAT_NAME='Belts' 
                    OR CAT_NAME='Boots' OR CAT_NAME='Bracelets' OR CAT_NAME='HairAccessories' 
                    OR CAT_NAME='Hats' OR CAT_NAME='LegWear' OR CAT_NAME='Necklaces'"
    runat="server" />
<div style="float:left; z-index:100; position:relative; left:-22px;">
    <asp:Menu ID="subMenu" Orientation="Vertical" CssClass="PageMenu" runat="server">
        <Items>
        <asp:MenuItem NavigateUrl="Jewelry.aspx" Text="Jewelry">
            <asp:MenuItem NavigateUrl="Earrings.aspx" Text="Earrings" />
            <asp:MenuItem NavigateUrl="Bracelets.aspx" Text="Bracelets" />
            <asp:MenuItem NavigateUrl="Necklaces.aspx" Text="Necklaces" />
        </asp:MenuItem>
        <asp:MenuItem NavigateUrl="LegWear.aspx" Text="Leg Wear" />
        <asp:MenuItem NavigateUrl="Hats.aspx" Text="Hats" />
        <asp:MenuItem NavigateUrl="Belts.aspx" Text="Belts" />
        <asp:MenuItem NavigateUrl="HairAccessories.aspx" Text="Hair Decor" />
        <asp:MenuItem NavigateUrl="Boots.aspx" Text="Boots" />
        </Items>
    </asp:Menu>
</div>
<div>
    <asp:DataList ID="dl" DataSourceID="sdsDB" ItemStyle-VerticalAlign="Top" 
        CellSpacing="0" RepeatColumns="3" RepeatDirection="Horizontal" Width="600px" 
        HeaderStyle-BorderStyle="None" ItemStyle-BorderStyle="Solid" ItemStyle-BorderColor="maroon"
        runat="server">
        <HeaderTemplate>
            <asp:Label ID="Label3" Font-Bold="true" Font-Size="XX-Large" ForeColor="#800000" Text="Accessories" runat="server"></asp:Label>
        </HeaderTemplate>
        <ItemTemplate>
            <asp:ImageButton ID="ImageButton1" ImageUrl='<%#Eval("PD_IMG") %>' OnCommand="View_Details" CommandName='<%#Eval("PD_ID") %>' Width="200px" Height="200px" AlternateText='<%#Eval("PD_NAME")%>' runat="server" />
            <asp:Label ID="Label1" Text='<%#Eval("PD_NAME") %>' runat="server"></asp:Label><br />
            <asp:Label ID="Label2" Text='<%# String.Format("{0:C}", Eval("PD_PRICE")) %>' runat="server"></asp:Label><br />
        </ItemTemplate>
    </asp:DataList>
</div>

</asp:Content>
